<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外网注册页</title>
    <link rel="stylesheet" href="./src/css/reset.css">
    <link rel="stylesheet" href="./src/css/header-footer.css">
    <link rel="stylesheet" href="./src/css/home.css">
</head>
<body>
<div class="page-warp page-home-net">
    <!-- logo-导航 -->
    <div class="page-top-wrap">
        <!--头部-->
        <div class="header-wrap">
            <div class="banxin header">
                <div class="fl header-logo">
                    <img src="./src/images/logo.png" alt="" class="logo">
                    <span class="header-name">天津市港口统一收费服务平台</span>
                </div>
                <div class="fr header-logreg">
                    <a href="###">登录</a><span class="line"> |</span><a href="###" class="active">注册</a>
                </div>
            </div>
        </div>
        <!--导航-->
        <div class="nav-wrap">
            <div class="banxin nav clearfix">
                <ul class="nav-list clearfix fl">
                    <li><a href="###" class="active">首页</a></li>
                    <li><a href="###">工作动态</a></li>
                    <li><a href="###">港口资讯</a></li>
                    <li><a href="###">收费目录</a></li>
                    <li><a href="###">业务办理</a></li>
                    <li><a href="###">服务指南</a></li>
                </ul>
                <div class="search fr">
                    <input type="text" placeholder="输入搜索的内容">
                    <div class="icon-search">
                        <img src="src/images/search.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-container">
        <!--面包屑导航-->
        <div class="bread">
            <div class="dot fl">
                <img src="src/images/icon-dot.png " alt="">
            </div>
            <div class="bread-text fl">天津港口统一收费服务平台<span class="arr">></span></div>
            <div class="bread-active  fl"><a href="#">注册</a></div>
        </div>
        <!--主体-->
        <div class="page-main">
            <!--标题-->
            <div class="page-title">
                <h3>企业注册</h3>
            </div>
            <!--步骤条-->
            <div class="page-steps">
                <div class="page-step-cell active">
                    <div class="step-icon">
                        <img class="icon-default" src="src/images/icon-base.png" alt="">
                        <img class="icon-active" src="src/images/icon-base-active.png" alt="">
                    </div>
                    <div class="step-text">基本信息</div>
                </div>
                <div class="page-step-arrow"> > </div>
                <div class="page-step-cell">
                    <div class="step-icon">
                        <img  class="icon-default" src="src/images/icon-house.png" alt="">
                        <img  class="icon-active" src="src/images/icon-house-active.png" alt="">
                    </div>
                    <div class="step-text">企业信息</div>
                </div>
                <div class="page-step-arrow"> > </div>
                <div class="page-step-cell">
                    <div class="step-icon">
                        <img  class="icon-default"  src="src/images/icon-money.png" alt="">
                        <img  class="icon-active"  src="src/images/icon-money-active.png" alt="">
                    </div>
                    <div class="step-text">银行信息</div>
                </div>
            </div>
            <!--表单列表-->
            <div class="page-form-list">
                <div class="page-form page-form-baseinfo active" id="page-form-baseinfo">
                    <div class="form-cell">
                        <div class="form-label">手机号</div>
                        <div class="form-input"><input data-type="phone" id="basePhone" name="basePhone" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">验证码</div>
                        <div class="form-input">
                            <input class="form-input-withcode"  data-type="retuired" id="baseCode" name="baseCode" type="text">
                            <div class="form-input-code" id="form-input-code">获取验证码</div>
                        </div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">用户名</div>
                        <div class="form-input"><input  data-type="retuired"  name="baseUserName" id="baseUserName" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">密码</div>
                        <div class="form-input"><input  data-type="retuired"  name="basePwd" id="basePwd" type="password"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">确认密码</div>
                        <div class="form-input"><input  data-type="retuired"  id="basePwdConfirm" name="basePwdConfirm" type="password"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">姓名</div>
                        <div class="form-input"><input  data-type="retuired"  id="baseName" name="baseName" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">身份证号</div>
                        <div class="form-input"><input  data-type="IDNumber"  id="IDNumber" name="IDNumber" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-bottom-btns">
                        <div class="form-btn " id="form-submit1">下一步</div>
                    </div>
                </div>
                <div class="page-form page-form-business " id="page-form-business">
                    <div class="form-cell">
                        <div class="form-label">企业唯一标识号</div>
                        <div class="form-input"><input data-type="retuired" id="businessCode" name="businessCode" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">企业英文名称</div>
                        <div class="form-input"><input  data-type="retuired"  name="businessNameEn" id="businessNameEn" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">统一社会信用代码</div>
                        <div class="form-input"><input  data-type="retuired"  name="businessCreditCode" id="businessCreditCode" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">企业性质</div>
                        <div class="form-input">
                            <div class="nice-select" name="nice-select">
                                <input  data-type="retuired"  data-not="请选择"  name="businessCompanyType" id="businessCompanyType" type="text" value="请选择" readonly>
                                <ul>
                                    <li data-value="1">企业性质1</li>
                                    <li data-value="2">企业性质2</li>
                                    <li data-value="3">企业性质3</li>
                                    <li data-value="4">企业性质4</li>
                                </ul>
                            </div>
                        </div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-bottom-btns">
                        <div class="form-btn goBack" >上一步</div>
                        <div class="form-btn " id="form-submit2">下一步</div>
                    </div>
                </div>
                <div class="page-form page-form-bank " id="page-form-bank">
                    <div class="form-cell">
                        <div class="form-label">监督银行</div>
                        <div class="form-input">
                            <div class="nice-select" name="nice-select">
                                <input  data-type="retuired" data-not="请选择"  name="bankSupervisionBank" id="bankSupervisionBank" type="text"  value="请选择" readonly>
                                <ul>
                                    <li data-value="1">监督银行1</li>
                                    <li data-value="2">监督银行2</li>
                                    <li data-value="3">监督银行3</li>
                                    <li data-value="4">监督银行4</li>
                                </ul>
                            </div>
                        </div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">账户类型</div>
                        <div class="form-input">
                            <div class="nice-select" name="nice-select">
                                <input  data-type="retuired" data-not="请选择"  name="bankAccountType" id="bankAccountType" type="text"  value="请选择" readonly>
                                <ul>
                                    <li data-value="1">账户类型1</li>
                                    <li data-value="2">账户类型2</li>
                                    <li data-value="3">账户类型3</li>
                                    <li data-value="4">账户类型4</li>
                                </ul>
                            </div>
                        </div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">开户行账号</div>
                        <div class="form-input"><input data-type="retuired" id="bankNumber" name="bankNumber" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">开户行机构名</div>
                        <div class="form-input"><input  data-type="retuired"  name="bankAgentName" id="bankAgentName" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-cell">
                        <div class="form-label">开户行分行机构名</div>
                        <div class="form-input"><input  data-type="retuired"  name="bankSubAgentName" id="bankSubAgentName" type="text"></div>
                        <div class="form-tag"><img src="src/images/icon-xing.png" alt=""></div>
                    </div>
                    <div class="form-bottom-btns">
                        <div class="form-btn goBack" >上一步</div>
                        <div class="form-btn " id="form-submit3">保存</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-footer">
        <!--关于-->
        <div class="about-wrap">
            <div class="about banxin clearfix">
                <div class="about-us fl">
                    <div class="about-title">关于我们</div>
                    <div class="about-line"></div>
                    <ul>
                        <li>关于我们</li>
                        <li>服务条款</li>
                        <li>法律声明</li>
                        <li>友情链接</li>
                    </ul>
                </div>
                <div class="concat-us fl">
                    <div class="about-title">联系我们</div>
                    <div class="about-line"></div>
                    <ul>
                        <li>服务热线：011-1232211</li>
                        <li>地     址：天津市</li>
                        <li>技术支持：天津市</li>
                    </ul>
                </div>
                <div class="about-down fr">
                    <div class="about-title">移动端下载</div>
                    <div class="about-line"></div>
                    <div class="app-img">
                        <img src="src/images/app.png" alt="">
                        <div class="text">扫描二维码下载</div>
                    </div>
                </div>
            </div>
        </div>
        <!--版权-->
        <div class="copyright">津ICO备0112313131231 经营许可证：津102231023123</div>
    </div>
</div>
<script src="src/js/jquery.js"></script>
<script src="src/js/layer/layer.js"></script>
<script src="src/js/main.js"></script>

</body>
</html>